$(function () {
    // 需求1 实现点击跳转注册登录页面
    $('#login_box a').on('click', function () {
        $('#login_box').hide()
        $('#register_box').show()
    })
    $('#register_box a').on('click', function () {
        $('#login_box').show()
        $('#register_box').hide()
    })
    // 需求2 实现表单验证功能
    let form = layui.form
    form.verify({
        user: [
            /^[\w]{0,10}$/,
            '用户名只能使用数字和英文,且最大长度不能超过十个字符'
        ],
        psd: [
            /^[\S]{6,12}$/,
            '密码必须6到12位，且不能出现空格'
        ],
        repsd: function (value) {
            //value：表单的值
            // 获取第一次输入的密码的值
            let psd = $('#register_box [name="password"]').val()
            if (value !== psd) {
                return '两次输入的密码不一致'
            }
        }
    })
    // 弹出层
    let layer = layui.layer
    // 需求3 注册功能 发送ajax请求
    $('#register_box form').on('submit', function (e) {
        e.preventDefault()
        let data = $(this).serialize()
        console.log(data);
        // 发送axios
        axios({
            method: 'post',
            url: '/api/reguser',
            data: data,
        }).then(function (res) {
            // console.log(res.data);
            if (res.data.status != 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('注册成功了哦')
            // 清空表单内容
            $('#register_box form')[0].reset()
            //跳转至登录页面
            // 手动触发点击事件
            $('#register_box a').click()
        })
    })
    // 需求4 登录功能 发送ajax请求
    $('#login_box form').on('submit', function (e) {
        e.preventDefault()
        let data = $(this).serialize()
        // 发送axios请求
        axios({
            method: 'post',
            url: '/api/login',
            data: data,
        }).then(function (res) {
            console.log(res.data);
            if (res.data.status != 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('登录成功')
            // 实现页面跳转
            location.href = '/index.html'
            // 保存token值
            localStorage.setItem('token', res.data.token)
        })
    })



})